<!DOCTYPE html>
<html lang="zh-hans">
<head>
    <meta charset="UTF-8">
    <title>QQ 聊天框</title>
    <link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <div class="QQ聊天框">
        <div class="标题部分">
            2022Java火箭班
            <div class="特殊功能区">
                举报
                <i class="fa fa-angle-down" aria-hidden="true"></i>
                <i class="fa fa-minus" aria-hidden="true"></i>
                <i class="fa fa-square-o" aria-hidden="true"></i>
                <i class="fa fa-times" aria-hidden="true"></i>
            </div>
        </div>
        <div class="功能区部分">
            <div class="左侧功能区部分">
                <a href="/" class="active">聊天</a>
                <a href="/">公告</a>
                <a href="/">相册</a>
                <a href="/">文件</a>
                <a href="/">应用</a>
                <a href="/">设置<i class="fa fa-angle-down" aria-hidden="true"></i></a>
            </div>
            <div class="右侧功能区部分">
                <a href="/">语音</a>
                <a href="/">视频</a>
                <a href="/">课程</a>
                <a href="/">更多</a>
            </div>
        </div>
        <div class="主体部分">
            <div class="左侧主体部分">
                <div class="聊天内容展示区"></div>
                <div class="聊天输入区"></div>
            </div>
            <div class="右侧主体部分">
                <div class="群通知区域"></div>
                <div class="群文件区域"></div>
                <div class="群成员区域"></div>
            </div>
        </div>
    </div>
</body>
</html>